<!--
 * @Date: 2023-03-16 13:50:15
 * @LastEditTime: 2023-03-18 11:25:32
 * @FilePath: /hua-fei-chong-zhi/src/views/vipHome/components/phoneTopUp.vue
 * 介绍:
-->
<script lang="ts" setup>
import { _require } from "@@/utils/tools/tools";
</script>

<template>
  <Ccard>
    <div class="gridVar--col" style="--col: 3">
      <div
        @click="$router.push({ name: 'topUpPhone', query: { type: 0 } })"
        class="goods active T-A-C"
      >
        <Rimage
          height="100rem"
          :src="_require('src/assets/images/logo/dian-xin.png')"
        />
        <VanButton class="mt-sm" color="var(--C-LG1)" size="small">
          {{ $t("zhong-guo-dian-xin-chong-zhi") }}
        </VanButton>
      </div>
      <div
        @click="$router.push({ name: 'topUpPhone', query: { type: 1 } })"
        class="goods active T-A-C"
      >
        <Rimage
          height="100rem"
          :src="_require('src/assets/images/logo/lian-tong.png')"
        />
        <VanButton class="mt-sm" color="var(--C-LG1)" size="small">
          {{ $t("zhong-guo-lian-tong-chong-zhi") }}
        </VanButton>
      </div>
      <div
        @click="$router.push({ name: 'topUpPhone', query: { type: 2 } })"
        class="goods active T-A-C"
      >
        <Rimage
          height="100rem"
          :src="_require('src/assets/images/logo/yi-dong.png')"
        />
        <VanButton class="mt-sm" color="var(--C-LG1)" size="small">
          {{ $t("zhong-guo-yi-dong-chong-zhi") }}
        </VanButton>
      </div>
    </div>
  </Ccard>
</template>

<style lang="less" scoped>
.goods {
  background-color: var(--C-B1);
}
</style>
